<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 1.导入Vue源代码 -->
    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>

    <!-- 2.准备待渲染的容器 -->
    <div id="app">
        <h1>{{ message }}</h1>
    </div>
    <script>
        // 3.调用createApp方法生成应用并在setup中声明数据
        const {createApp} = Vue
        createApp({
            // 在setup中声明数据与方法
            setup() {
                const message = "Hello World!"
                // 将声明的数据进行返回
                return {
                    message
                }
            }
        }).mount("#app")
    </script>

</body>

</html>
